<!--
 * @Author: liming
 * @Date: 2021-03-23 09:14:04
 * @LastEditTime: 2021-04-06 10:55:18
 * @FilePath: \05-Vue路由通用项目\src\App.vue
-->
<template>
  <div id="app">
    <div id="tab-bar">
        <div class="tab-bar-item">首页</div>
        <div class="tab-bar-item">分类</div>
        <div class="tab-bar-item">购物车</div>
        <div class="tab-bar-item">我的</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
/* 让字体挨着边 */
/* 在App.vue里面写，不在main.js里面写 */
/* 这样写也是可以的，但是如果我要初始化的样式非常多，到时候把所有初始化的样式都写到这里会很拥挤 */
/* 所以，最终，我们还是在assets-css里面新建一个base.css，把初始化样式都写在里面吧 */
/* 所以我们在App.vue里面动态的引用base.css样式文件，而不是在main.js里面引用 */
/* 但是不能通过" require('./assets/css/base.css'"这样引用，会报错 */
/* 要通过@import来引用base.css样式 */
@import url(assets/css/base.css);
</style>
